<html>

<head>
</head>

<body>
    <div id="main" style="width:100%; height:500px;"></div>
    <script type="text/javascript" src="/public/static/js/echarts.js"></script>

    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            color: ['#5470c6'],
            xAxis: {
                type: 'category',
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: {$data},
                type: 'bar',
                showBackground: true,
                backgroundStyle: {
                    color: 'rgba(110, 193, 244, 0.2)',
                },
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'top',
                        },
                    },
                },
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>

</html>